/*布局flex布局*/
.flex {
  display: flex;
}
.flex-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-start{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-end{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.justify-center{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.whole{
  width:calc(100% - 40px);
  height:calc(100% - 40px);
  margin: 20px;
}
/*按钮样式*/
.buttonStyle{
  text-align: center;
  border-width: 0; /* 边框宽度 */
  border-radius: 3px; /* 边框半径 */
  cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
  outline: none; /* 不显示轮廓线 */
  margin: 20px 0 20px 0;
  font-family: Microsoft YaHei; /* 设置字体 */
  color: white; /* 字体颜色 */
  font-size: 17px; /* 字体大小 */
}
.button_mini{
  width:80px;
  height:30px;
  line-height: 30px;
  @extend .buttonStyle;
}
.login_button{
  @extend .buttonStyle;
  width:200px;
  height:40px;
  line-height: 30px;
}
/*定义常用背景*/
$success:#67C23A;
$success_hover:#67C23A;
.success{
  background-color: $success;
}
.success:hover{
  background-color: $success_hover;
  opacity: 0.8;
}

/*标题标注样式*/
.headline{
  background-color: #00ADAD;
  border-radius: 20px;
  color:#fff;
  height: 40px;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
